﻿@using Web.Models
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>Free CSS template by ChocoTemplates.com</title>
	<link rel="stylesheet" href="@Url.Content("~/Content/css/style.css")" type="text/css" media="all" />
    <link rel="stylesheet" href="@Url.Content("~/Content/css/reveal.css")" type="text/css" media="all" />
    <link rel="stylesheet" href="@Url.Content("~/Content/css/wt-rotator.css")" type="text/css" media="all" />
    <link rel="stylesheet" href="@Url.Content("~/Content/css/preview.css")" type="text/css" media="all" />
	<!--[if lte IE 6]>
		<style type="text/css" media="screen">
			.tabbed { height:420px; }
		</style>
	<![endif]-->
	
	<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/jquery.jcarousel.pack.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/jquery.slide.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/jquery-func.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.reveal.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/knockout-2.1.0.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.wt-rotator.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/preview.js")" type="text/javascript"></script>
	

   @*  <link href="@Url.Content("~/Content/css/Site.css")" rel="stylesheet" type="text/css" />*@

    <style type="text/css">
		body { font-family: "HelveticaNeue","Helvetica-Neue", "Helvetica", "Arial", sans-serif; }
		.big-link { display:block; margin-top: 100px; text-align: center; font-size: 70px; color: #06f; }
	</style>

</head>
<body>
<!-- Top -->
<div id="top">
	
	<div class="shell">
		
		<!-- Header -->
		<div id="header">
			<h1 id="logo"><a href="#">IRRAR </a></h1>
			<div id="navigation">
				<ul>
				    <li><a href="/">Trang chủ</a></li>
					<li><a href="#">Hỗ trợ</a></li>
					<li><a href="#">Giỏ hàng</a></li>
					<li><a href="#">Liên hệ</a></li>
                    <li><a href="/Customer/Register">Đăng kí</a></li>
                    @if (Session["user"] == null)
                    {
                        <li class="last"><a href="#"   data-reveal-id="login-popup">Đăng Nhập</a></li>
                    }
                    else
                    {
                        <li><a href="#">Tài khoản</a></li>
                        <li class="last"><a href="/Customer/Logout">Đăng xuất</a></li>     
                    }
                   
                    
				</ul>
			</div>
		</div>
		<!-- End Header -->
		
        <!---- test ------>
<div class="panel">
	
 	<div class="container">
        <div class="wt-rotator">
            <a href="#"></a>            
            <div class="desc"></div>
            <div class="preloader"></div>
            <div class="c-panel">
                <div class="buttons">
                    <div class="prev-btn"></div>
                    <div class="play-btn"></div>    
                    <div class="next-btn"></div>               
                </div>
                <div class="thumbnails">
                    <ul>
                        <li>
                            <a href="@Url.Content("~/Content/css/bnimages/sf.jpg")" title=""></a>
                            <a href="#" target="_blank"></a>                          
                        </li>  
                        <li>
                            <a href="@Url.Content("~/Content/css/bnimages/scottwills_building2.jpg")" title=""></a>
                            <a href="#" target="_blank"></a>                          
                        </li>
                        <li>
                            <a href="@Url.Content("~/Content/css/bnimages/tokyo.jpg")" title=""></a>
                            <a href="#" target="_blank"></a>                          
                        </li>
                    </ul>
                </div>     
            </div>
        </div>	
  </div>
    </div>
        
        <!-----end test--->

		<!-- Slider -->
	
		<!-- End Slider -->
		
	</div>
</div>
<!-- Top -->

<!-- Main -->
<div id="main">
	<div class="shell">
		
		<!-- Search, etc -->
		<div class="options">
			<div class="search">
				<form action="" method="post">
					<span class="field"><input type="text" class="blink" value="TÌM KIẾM" title="TÌM KIẾM" /></span>
					<input type="text" class="search-submit" value="GO" />
				</form>
			</div>
			<span class="left"><a href="#">Tìm kiếm</a></span>
			
			<div class="right">
				<span class="cart">
					<a href="#" class="cart-ico">&nbsp;</a>
					<strong>@((Session["cart"] != null)? ((CartModel)Session["cart"]).tongsotien : 0)</strong>
				</span>
				<span class="left more-links">
					<a href="#">Thanh Toán</a>
					<a href="/Cart">Chi tiết giỏ hàng</a>
				</span>
			</div>
		</div>
		<!-- End Search, etc -->
		
		<!-- Content -->
		<div id="content">
			
			@RenderBody()
			
		</div>
		<!-- End Content -->
		  <div id="container">
<!-- Brands -->
    <div class="brands">
	    <h3>Thương Hiệu Hợp Tác</h3>
	    <div class="logos">
		    <a href="#"><img src="@Url.Content("~/Content/css/images/nokia.jpg")" alt="" /></a>
		    <a href="#"><img src="@Url.Content("~/Content/css/images/samsuma.jpg")" alt="" /></a>
		    <a href="#"><img src="@Url.Content("~/Content/css/images/korea.jpg")" alt="" /></a>
		    <a href="#"><img src="@Url.Content("~/Content/css/images/dellll.jpg")" alt="" /></a>
		    <a href="#"><img src="@Url.Content("~/Content/css/images/a.jpg")" alt="" /></a>
	    </div>
    </div>
    <!-- End Brands -->

				
	<!-- Footer -->
	<div id="footer">
		<div class="left">
			<a href="#">Trang chủ</a>
			<span>|</span>
			<a href="#">Hỗ trợ</a>
			<span>|</span>
			<a href="#">Tài khoản</a>
			<span>|</span>
			<a href="#">Giỏ hàng</a>
			<span>|</span>
			<a href="#">Liên hệ</a>
		</div>
		<div class="right">
			&copy; Sitename.com.Thiết kế  <a href="http://chocotemplates.com" target="_blank" title="CSS Templates">ChocoTemplates.com</a>
		</div>
	</div>
	<!-- End Footer -->
    </div>



	</div>

  
</div>
<!-- End Main -->






<div id="login-popup" class="reveal-modal">
    <form id="frmLogin" action="#">
        <table>
            <tr>
                <td>Tên đăng nhập: </td>
                <td><input type="text" name="username" id="username"/></td>
            </tr>
            <tr>
                <td>Mật khẩu: </td>
                <td><input type="password" name="password" id="password"/></td>
            </tr>
            <tr>
               <td colspan="2"><input type="submit" value="Sign In" /></td> 
            </tr>
        </table>
    </form>
	<a class="close-reveal-modal">&#215;</a>
</div>

<script type="text/javascript">
    $("#frmLogin").submit(function () {
        $.post("/Customer/Login", $(this).serialize(), function (data) {
            if (data == false) {
                alert("sai tên đăng nhập hoặc mật khẩu");
            } else {
                window.location.reload();
            }
        });
        return false;
    })
</script>
	
</body>
</html>